import { connect } from 'dva';
import styles from './index.less';
import { WingBlank,List } from 'antd-mobile';
import selectImg from '../../assets/slect-date@3x.png';
import rightTriangle from '../../assets/icon3@3x.png';
import router from 'umi/router';
function App({myCommission,dispatch}) {
    const { text,list } = myCommission;
    const gotoDetail =()=>{
      router.push('commissionDetail')
    }
    return (
        <div className={styles.normal}>
          <div className={styles.tip}>
            <WingBlank size="lg">
              <div className={styles.dateModule}>
                <img className={styles.selectImg} src={selectImg}/>
                <span className={styles.dateText}>2018年08月</span>
              </div>
            </WingBlank>
            <div className={styles.commission}>
              <span className={styles.commissionText}>当月佣金金额</span>
              <span className={styles.commissionAmount}>356.7元</span>
            </div>
          </div>
          <div className={styles.listModule}>
            <div>
              <span>佣金类型</span>
            </div>
            <div onClick={gotoDetail}>
              <span>推广佣金</span>
              <span>123.6元</span>
              <img className={styles.rightIcon} src={rightTriangle}/>
            </div>
            <div onClick={gotoDetail}>
              <span>导购类型</span>
              <span>32.0元</span>
              <img className={styles.rightIcon} src={rightTriangle}/>
            </div>
            <div onClick={gotoDetail}>
              <span>引流类型</span>
              <span>45.2元</span>
              <img className={styles.rightIcon} src={rightTriangle}/>
            </div>
            <div onClick={gotoDetail}>
              <span>转化类型</span>
              <span>0.0元</span>
              <img className={styles.rightIcon} src={rightTriangle}/>
            </div>
          </div>
        </div>
    );
}
export default connect(({myCommission})=>({myCommission}))(App);
